<!--  -->
<template>
  <div class='cq-contact flex fd_c color-white'>
    <h1 class="title fz48">依托橙券， 聚焦橙券，全面合作</h1>
    <p class="des fz20">
      全国服务热线400-0960-xxxx
      <span>|</span>
      商务合作专线: 156-6806-1789
    </p>
    <BtnMore></BtnMore>
  </div>
</template>

<script>
import BtnMore from './btn-more.vue'
export default {
  name: 'CqContact',
  components: {
    BtnMore
  }
}
</script>
<style lang='scss' scoped>
.cq-contact {
  justify-content: center;
  align-items: center;
  height: 330px;
  background: url(@/assets/img/banner-footer.png) no-repeat center / cover;
  .title {
    font-family: "宋体";
    letter-spacing: -4px;
  }
  .des {
    padding-bottom: 30px;
  }
  span {
    margin: 0 20px;
  }
}
</style>
